草庐IT

iphone - 动画 UITableViewCell 高度和单元格 backgroundView

全部标签

javascript - 长轮询中 iphone 上的 safari 加载指示器

我正在尝试使用XMLHttpRequest进行长轮询。它在所有支持的浏览器上运行良好,但出于某种原因,在iPhone上的safari上我得到了每个ajax调用的加载指示器,而对于长轮询,这有点烦人。我读到您需要等到文档加载完毕,但它无法正常工作。任何其他已知的黑客来解决它? 最佳答案 我遇到了同样的问题,我尝试使用简单的XHRO、隐藏的iFrame等,但它在iPhone上不起作用。在加载“整个”文档之前,它似乎不会更新DOM或执行任何操作,在我的示例中是长轮询的持续时间。我唯一没有尝试过的是JSONP。也许你可以试试JSONP。请让

javascript - 在 iPhone 上滚动页面时隐藏和显示 div

需要在网页顶部显示一个元素(div)。在滚动期间,元素应该消失并在滚动结束后重新出现。增加复杂性:我们的代码是访客代码(因此我们无法操纵DOM结构等)。我们的代码适用于iPhone/iPad(移动Safari浏览器)我们尝试在文档/主体上监听touchstart事件,并在我们的专用处理程序中隐藏元素(div)。然而,在某些站点中(当DOM结构变得相当复杂时)滚动响应时间显着增加,即使处理程序实现完全是空的。我们正在寻找适当的方法来管理元素(重新)出现,同时将滚动时对用户体验的影响降到最低。 最佳答案 我认为Javascript是您的

javascript - 将 CSS3 动画转换为纯 JavaScript

我想将一个简单的CSS3动画转换为纯JavaScript(不是在jQuery中,因为我认为为这么简单的事情加载整个库有点过分了)。这是关于动画bounceInUp来自http://daneden.me/animate/.示例演示:http://jsfiddle.net/ELDf7/@keyframesbounceInUp{0%{opacity:0;transform:translateY(2000px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:t

javascript - 尝试使用多个 TwentyTwenty 实例,但有些返回高度为 0,并且不显示

我不知道发生了什么,也不知道什么时候发生了变化......但这是一个真正的问题。上面有一些与隐藏/显示主div相关的缩略图,它们都包含TwentyTwenty插件slider。问题在于,当显示sliderdiv以及将它们的高度设置为0时,根本没有逻辑。加载它们时,有些会显示,有些不会,并且在调整窗口大小时,通常会显示当前隐藏的那个,但其他的都不显示。有没有了解javascript的人可以帮助我?这就是我用作JS脚本的内容functionshowSlide(slideNumber){$(".image-compare-set").hide();$('.image-compare-set[

javascript - 摇摇欲坠的比例动画

我正在做小马赛克(如果我可以这样称呼的话)。我正在根据位置鼠标和图片/div的中心更改比例和不透明度。我正在通过vektors计算距离functioncalculateDistance(elem,mouseX,mouseY){returnMath.floor(Math.sqrt(Math.pow(mouseX-(elem.offsetLeft+(elem.offsetWidth/2)),2)+Math.pow(mouseY-(elem.offsetTop+(elem.offsetHeight/2)),2)));}我循环遍历div/图片,如果距离小于100,它会计算其不透明度/比例。但我

javascript - 无法对使用 $window 的 Angular 指令进行单元测试

我有一堆针对各种Angular(1.4.7)指令的工作单元测试,我正在使用Karma、Jasmine和Sinon进行测试。我正在尝试为新指令添加单元测试,这是我目前唯一使用$window的指令,但我在控制台输出中看到一个神秘错误:TypeError:'undefined'isnotanobject(evaluating'this.proxy.toString')此错误来自第2372行的sinon.js。我在指令单元测试中做所有“正常”的事情,例如创建一个将指令作为属性的假元素:testElement=document.createElement('div');testElement.s

javascript - 如何在单元测试环境中模拟 browserHistory?

我正在尝试测试使用react-router的browserHistory的React组件。为了确保能够访问browserHistory,我使用了createMemoryHistory(react-router)模块,如下所示:letcreateMemoryHistory=require('react-router/lib/createMemoryHistory');在测试环境中,我利用了JSDOM库。global.document=jsdom('');global.window=document.defaultView;然后我尝试将创建的历史对象分配给DOM:lethistory=cr

javascript - Karma 中的单元测试 : Keypress inside a text Input

有一个简单的html文本输入:testcharacter.init();希望能够在此文本输入内发生的每个按键上运行单元测试,并根据特定键检查它。Javascript文件是:'usestrict';window.testcharacter=window.testcharacter||{};(function(){vartestcharacter=function(k){vars=document.getElementById('inputstring').valueif(s!=null||s.trim()!=""){if(k==65){document.getElementById('r

javascript - CSS动画宽度从右到左,高度从下到上

我正在尝试解决从右到左扩展div的宽度以及从下到上扩展不同容器的高度的问题。我正在尝试创建将在正方形中旋转并模仿此处边界的CSS动画是指向我的CodePen的链接https://codepen.io/Archezi/pen/xReqvq?editors=0100如果有帮助的话。这是我的HTML.container是一个主要的包装器.circle是一个动画line1-line4是我要制作动画的方形边框。这是我的CSSbody{margin:0auto;}.container{position:relative;margin:50pxauto;width:800px;height:800p

javascript - 如何绑定(bind)CSS动画持续时间滚动

我想制作类似这样的网站,您可以在其中向下滚动,滚动时会跟随一些动画,如果您向上滚动,它会反转。我看到了一些像this这样的库但我想看看是否可以用更简单的方法来完成?谢谢$(document).ready(function(){varlastScrollTop=0;$(document).scroll(function(event){varst=$(this).scrollTop();if(st>lastScrollTop){$('div').removeClass('scrollUp').addClass('scrollDown');}else{$('div').removeClass